//导入react和react-dom
// react负责创建元素-虚拟的Dom
import React from 'react';
// reactDOM负责渲染react元素
import ReactDOM from 'react-dom';

// JSX注意事项：
// 1、JSX必须有根标签<></>
// 2、必须使用闭合标签
// 3、关键字冲突

const list = (
  <>
    <ul>
      <li>111</li>
      <li>222</li>
      <li>333</li>
    </ul>
    <ul>
      <li>111</li>
      <li>222</li>
      <li>333</li>
    </ul>
    <input type="text" id="box" />
    <label htmlFor="box">点我激活</label>
  </>
);

// 渲染元素到页面
// 语法：ReactDOM.render（react元素，真实的dom作为挂载点）
ReactDOM.render(list, document.getElementById('root'));
